@import "func";

@import "tabs";
@import "table";

.tabs {
	@extend %tabs;
	margin-bottom: 30px;
}
.choose {
	overflow: hidden;
	margin-bottom: 15px;
	.tit {
		float: left;
		margin-right: 30px;
		font-size: 16px;
		color: #717889;
	}
	.radio-box {
		overflow: hidden;
		float: left;
		margin-left: -20px;
		.radio-select {
			float: left;
			margin-left: 20px;
			font-size: 16px;
			color: #717889;
			.radiooption {
				@include dib;
				margin-right: 10px;
				margin-bottom: 2px;
				width: 15px;
				height: 15px;
			}
		}
	}
}
.search {
	margin-bottom: 15px;
	.search-box {
		font-size: 0;
	}
	.search-text {
		@include dib;
		padding: 0 10px;
		width: 200px;
		height: 28px;
		border: 1px solid #ccc;
		font-size: 14px;
		color: #717889;
	}
	.btn-search {
		@include dib;
		margin-left: -1px;
		border-radius: 0;
		border-bottom: 0;
	}
}
.graphic-box {
	margin-bottom: 30px;
	.pie {
		float:left;
		margin-right:0;
		padding-right:0;
		width:47%;
		border-right-width:0
	}
	.bar {
		margin-left:0;
		padding-left:0;
		width:50%;
		border-left-width:0
	}
}
.table-box {
	.tit {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.table {
		margin-bottom: 20px;
	}
	.btns {
		text-align: center;
	}
	table {
		@extend %table;
		td {
			padding-left: 10px;
			padding-right: 10px;
		}
		.danger {
			color: #b94a48;
			td {
			}
		}
	}
	.event {
		width: 200px;
	}
	.date {width: 250px;}
}
.table-box2 {
	table {
		table-layout: auto;
	}
}

